import QtQuick
import QtQuick.Controls
Rectangle {
    id:playListLabel
    property var thisTheme: p_theme.defaultTheme[p_theme.current]
    anchors.bottom: parent.bottom
    anchors.right: parent.right
    width: 350
    height: 500
    radius: 12
    //color: "RED"
    color: "#FAF2F1"
    function setHeight(children,spacing){
        var h=0;
        for(var i=0;i<children.length;i++)
        {
            if(children[i] instanceof Text){
                h+=children[i].contentHeight
            }else{
                h+=children[i].height
            }
        }
        return h+(children.length-1)*spacing
    }
    Column{
        spacing:15
        Row{
            Text{
                text:"新增"
            }
        }

        Row{
            TextField{
                id:roleName
                text:"请输入角色名称"
                width:200

            }
        }
        Row{
            spacing: 5
            Button{
                text:"取消"
                onClicked: {
                    playListLabel.visible=false
                }
            }
            Button{
                text:"新增"
                onClicked: {
                    console.log("add roleId :",roleId)
                }
            }
        }
    }

    // ListView{
    //     anchors.fill: parent
    //     clip: true
    //     header: Item{
    //         id:header
    //         width:playListLabel.width
    //         height: children[0].height
    //         Column{
    //             width:parent.width-40
    //             height: setHeight(children,spacing)+20
    //             anchors.top:parent.top
    //             anchors.topMargin: 20
    //             anchors.horizontalCenter: parent.horizontalCenter
    //             spacing: 15
    //             Text{
    //                 width: parent.width
    //                 wrapMode: Text.Wrap
    //                 font.pointSize:11
    //                 font.weight: 1
    //                 text: "当前播放"
    //                 color:thisTheme.fontColor
    //             }
    //             Item{
    //                 width:parent.width
    //                 height: children[0].contentHeight
    //                 Text{
    //                     font.pointSize:11
    //                     font.weight: 1
    //                     text: "总共"
    //                     color:thisTheme.fontColor
    //                 }
    //                 Text{
    //                     anchors.right: parent.right
    //                     font.pointSize:11
    //                     font.weight: 1
    //                     text: "清空列表"
    //                     color:thisTheme.fontColor
    //                     MouseArea{
    //                         anchors.fill: parent
    //                         cursorShape: Qt.PointingHandCursor
    //                         onClicked: {

    //                         }
    //                     }
    //                 }
    //             }
    //             Rectangle{
    //                 width:parent.width
    //                 height: 1
    //                 radius: width/2
    //                 color:thisTheme.fontColor
    //             }
    //         }
    //     }
    // }
}
